<template>
    <ul>
        <router-link to="/film/hotplaying" tag="li" active-class="active">正在热映</router-link>
        <router-link to="/film/willplaying" tag="li" active-class="active">即将上映</router-link>
    </ul>
</template>
<style lang="scss" scoped>
    ul{
        display: flex;
        height: 40px;
        line-height: 40px;
        text-align: center;
        li{
            flex: 1;
            font-size: 16px;
        }
    }
    .active{
        color: red;
        border-bottom: 2px solid red;
    }
</style>